<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>{$conf.name}</title>
  <meta name="keywords" content="{$conf.keyword}">
  <meta name="description" content="{$conf.description}">
  <link href="http://www.ayibang.com/favicon.ico" rel="icon" type="image/x-icon">
  <meta name="renderer" content="webkit">
  <meta name="author" content="Alvaro Trigo Lopez">
  <meta name="Resource-type" content="Document">
  <style type="text/css">
    ol,
    ul {
      list-style: none;
    }

    html,
    body {
      width: 100%;
      height: 100%;
      overflow: hidden;
    }

    .section-wrap {
      width: 100%;
      height: 100%;
      overflow: visible;
      transition: transform 1s cubic-bezier(0.86, 0, 0.03, 1);
      -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.03, 1);
    }

    .section-wrap .section {
      position: relative;
      width: 100%;
      height: 100%;
      background-position: center center;
      background-repeat: no-repeat;
    }

    .put-section-0 {
      transform: translateY(0);
      -webkit-transform: translateY(0);
    }

    .put-section-1 {
      transform: translateY(-100%);
      -webkit-transform: translateY(-100%);
    }

    .put-section-2 {
      transform: translateY(-200%);
      -webkit-transform: translateY(-200%);
    }

    .put-section-3 {
      transform: translateY(-300%);
      -webkit-transform: translateY(-300%);
    }

    .section-btn {
      width: 14px;
      position: fixed;
      right: 4%;
      top: 50%;
    }

    .section-btn li {
      width: 9px;
      height: 9px;
      cursor: pointer;
      text-indent: -9999px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      margin-bottom: 12px;
      background: #CCCACA;
      text-align: center;
      color: #fff;
      onsor: pointer;
    }

    .section-btn li.on {
      background: #00BEAF
    }

    .arrow {
      opacity: 1;
      animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
      -webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
      transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      position: absolute;
      bottom: 10px;
      left: 50%;
      margin-left: -30px;
      width: 60px;
      height: 60px;
      border-radius: 100%;
      -webkit-border-radius: 100%;
      line-height: 60px;
      text-align: center;
      font-size: 20px;
      color: #fff;
      border: 1px solid #fff;
      cursor: pointer;
      overflow: hidden;
    }

    .arrow:hover {
      animation-play-state: paused;
      -webkit-animation-play-state: paused;
    }
    .header{
      position: relative;
    }
    .dingles{
      font-size: 30px;
      position: absolute;
      left: 200px;
      top: 15px;
    }
  </style>
  <link rel="stylesheet" type="text/css" href="__INDEX__/enter/page-animation_a91922d.css">
  <link rel="stylesheet" type="text/css" href="__INDEX__/css/index.css">
  <link rel="stylesheet" type="text/css" href="__INDEX__/css/ceb.css">
</head>

<body style="overflow:scroll;overflow-x: hidden;">
  <div class="header headerqyfw" style="display: block;">
    <div class="topcenter">
      <a href="javascript:void(0);" class="logo"></a>
      <div class="phonenum"></div>
      <ul class="list">
        <li><a href="{:url('index/index')}">首页</a></li>
        <li><a href="{:url('family/index')}">家政服务</a></li>
        <li id="activityon" class="on"><a href="{:url('enter/index')}">企业服务</a></li>
        <li><a href="{:url('news/index')}">新闻资讯</a></li>
        <li><a href="{:url('about/index')}">关于我们</a></li>
        <li><a href="{:url('join/index')}">加入我们</a></li>
        <li><a href="{:url('contact/index')}">联系我们</a></li>
      </ul>
    </div>
    <div class="dingles">
      赤峰哈图家政物业公司
    </div>
  </div>

  <div class="section section-1">

    <div style="margin-top:150px; ">
      <div class="title titleqyfw" style=" margin-bottom: 30px;">
        <h1 style="margin-top:50px; font-size: 36px; font-weight: 400; text-align: center;">我们能提供那些服务</h1>
        <p style="margin-top:30px;">针对企业实际需求，提供更专业的后勤服务</p>
      </div>
      <div>
        <img src="__INDEX__/image/20190118140236.png">
      </div>
    </div>

    <div style="margin-top:50px;margin-bottom: 100px; ">
      <div class="title titleqyfw" style=" margin-bottom: 30px;">
        <h1 style="margin-top:50px; font-size: 36px; font-weight: 400; text-align: center;">为什么选择哈图家政</h1>
        <p style="margin-top:30px;">众多企业在享受哈图家政的品质服务</p>
      </div>
      <div>
        <img src="__INDEX__/image/33b4fc7.png">
      </div>
    </div>
  </div>

  <div class="footer">
    <div class="footercenter">
      <p>© {$conf.name} </p>

      <div class="footerList">
        <a href="javascript:void(0)" class="say">技术支持 </a><span></span>
        <a href="http://www.cfckck.com" target="_blank">赤峰汇潮网络科技有限公司</a><span></span>
      </div>
    </div>
  </div>
  </div>

  <div class="entrybox">
    <div class="scan">
      <div class="scancode"></div>
    </div>
    <div class="wexin">
      <div class="weixincode"></div>
    </div>
  </div>
  <div class="arrow">&laquo;</div>

  <div class="cebbox">
    <div class="topheader">
      <span class="xiaokuai" style="margin-left: -55px;"></span> <span class="xiangduidingwei">联系我们</span>
    </div>
    <div class="tupiandianhua">
      <img src="__INDEX__/image/a_06.jpg" alt="">
    </div>
    <div class="dianhuahaoma">
      <p>17604762014<br /></p>
    </div>
    <div class="gongzhonghao">
      <img src="__INDEX__/image/gongzhonghao.jpg" width="90px" alt="">
    </div>
    <div class="wenzhishuom">
      扫描二维码关注公众号
    </div>
    <div class="gongzhonghao">
      <img src="__INDEX__/image/kefuweixin.jpg" width="90px" alt="">
    </div>
    <div class="wenzhishuom">
      扫描二维码加微信客服
    </div>
  </div>
  <script src="__INDEX__/js/jquery.min.js"></script>
  <script src="__INDEX__/public/js/index.js"></script>

</body>

</html>